<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <style type="text/css">
    body {
      background-color: rgb(242,242,242);
    }
    * {
      margin: 0 auto;
    }
  </style>
  <link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

  <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
  <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>

  <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
  <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div >
  <table class="table table-hover">
    <tr>
      <th>用户名</th>
      <th>账号</th>
      <th>状态</th>
      <th>登录时间</th>
    </tr>
    <tr th:each="scenery:${pageInfo.list}">
      <td th:text="${scenery.username}"></td>
      <td th:text="${scenery.account}"></td>
      <td th:text="${scenery.status}"></td>
      <td th:text="${scenery.logintime}"></td>
    </tr>
  </table>
  <div class="modal-footer no-margin-top">
    <div class="col-md-6 col-xs-8 col-xs-offset-1">
      当前第 [[${pageInfo.pageNum}]]页，共 [[${pageInfo.pages}]] 页， 共 [[${pageInfo.total}]] 条记录
    </div>

    <ul class="pagination pull-left no-margin">
      <li>
        <a th:href="'/logs/selectAllLogsBy?pageNum=1'+'&begintime='+${begintime}+'&endtime='+${endtime}+'&account='+${account}">首页</a>
      </li>
      <li class="prev" th:if="${pageInfo.hasPreviousPage}">
        <a th:href="'/logs/selectAllLogsBy?pageNum='+${pageInfo.prePage}+'&begintime='+${begintime}+'&endtime='+${endtime}+'&account='+${account}">
          <i class="ace-icon fa fa-angle-double-left"></i>
        </a>
      </li>
      <!--遍历条数-->
      <li th:each="nav:${pageInfo.navigatepageNums}">
        <a th:href="'/logs/selectAllLogsBy?pageNum='+${nav}+'&begintime='+${begintime}+'&endtime='+${endtime}+'&account='+${account}" th:text="${nav}" th:if="${nav != pageInfo.pageNum}"></a>
        <span style="font-weight: bold;background: #6faed9;" th:if="${nav == pageInfo.pageNum}" th:text="${nav}" ></span>
      </li>

      <li class="next" th:if="${pageInfo.hasNextPage}">
        <a th:href="'/logs/selectAllLogsBy?pageNum='+${pageInfo.nextPage}+'&begintime='+${begintime}+'&endtime='+${endtime}+'&account='+${account}">
          <i class="ace-icon fa fa-angle-double-right"></i>
        </a>
      </li>
      <li>
        <a th:href="'/logs/selectAllLogsBy?pageNum='+${pageInfo.pages}+'&begintime='+${begintime}+'&endtime='+${endtime}+'&account='+${account}">尾页</a>
      </li>
    </ul>
  </div>
</div>

</body>
</html>